<template>
  <div class="table">
    <el-table
      :data="searchInputTable"
      :stripe="true"
      style="width: 100%"
      height="450"

    >
      <el-table-column type="selection" />
      <el-table-column prop="Num" label="编号" />
      <el-table-column prop="name" label="签约人名字" />
      <el-table-column prop="IdCard"  label="身份证号" />
      <el-table-column prop="phome" label="手机号码" />
      <el-table-column prop="team" label="签约医生团队" />
      <el-table-column prop="bao1" label="签约服务包" />
      <el-table-column prop="state" label="签约状态" />
      <el-table-column prop="address" label="申请时间" />
      <el-table-column label="操作">
        <template #default="scope">
          <el-button size="small" @click="handleEdit(scope.$index)"
            >查看详情</el-button
          >
          <el-button
            size="small"
            type="danger"
            @click="handleDelete(scope.$index)"
            >编辑</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script lang="ts" setup>
import { ElTable } from "element-plus";
defineProps({
  searchInputTable: {
    type: Array,
  },
});


let handleSelectionChange = (val: any) => {
  console.log(val);
};
const handleEdit = (index: number) => {
  console.log(index);
};
const handleDelete = (index: any) => {
  console.log(index);
};
</script>
<style lang="scss" scoped>

.table {
  width: 100%;
  height: 450px;
  text-align: center;
  overflow-y: auto;
  background-color: #fff;
  line-height: 50px;
}
</style>
